@use 'core' as *;

@include b(menu) {
  border-right: none !important;

  .x-icon {
    font-size: 18px;
    width: 18px;
  }

  @include e(wrapper) {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
  }

  @include e(title) {
    // margin-left: 5px;
  }

  @include e(badge) {
    font-size: 12px;
    zoom: 0.9;
    margin-left: 14px;
  }

  &.el-menu--collapse {
    @include e(wrapper) {
      position: relative;
      & > .x-menu__title {
        height: 0;
        width: 0;
        overflow: hidden;
        visibility: hidden;
        display: inline-block;
      }
    }
    @include e(badge) {
      position: absolute;
      right: 20px;
      top: 5px;
    }
  }
}
